<%-- 
    Document   : index
    Created on : Apr 12, 2012, 10:39:29 AM
    Author     : Khin
--%>

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">

<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title>Supportive Learning</title>
        <meta name="keywords" content="free css templates, web design, 2-column, html css" />
        <meta name="description" content="Web Design is a 2-column website template (HTML/CSS) provided by templatemo.com" />
        <link href="templatemo_style.css" rel="stylesheet" type="text/css" />
        <!--////// CHOOSE ONE OF THE 3 PIROBOX STYLES  \\\\\\\-->
        <link href="css_pirobox/white/style.css" media="screen" title="shadow" rel="stylesheet" type="text/css" />
        <!--<link href="css_pirobox/white/style.css" media="screen" title="white" rel="stylesheet" type="text/css" />
        <link href="css_pirobox/black/style.css" media="screen" title="black" rel="stylesheet" type="text/css" />-->
        <!--////// END  \\\\\\\-->

        <!--////// INCLUDE THE JS AND PIROBOX OPTION IN YOUR HEADER  \\\\\\\-->
        <script type="text/javascript" src="js/jquery.min.js"></script>
        <script type="text/javascript" src="js/piroBox.1_2.js"></script>
        <script type="text/javascript">
            $(document).ready(function() {
                $().piroBox({
                    my_speed: 600, //animation speed
                    bg_alpha: 0.5, //background opacity
                    radius: 4, //caption rounded corner
                    scrollImage : false, // true == image follows the page, false == image remains in the same open position
                    pirobox_next : 'piro_next', // Nav buttons -> piro_next == inside piroBox , piro_next_out == outside piroBox
                    pirobox_prev : 'piro_prev',// Nav buttons -> piro_prev == inside piroBox , piro_prev_out == outside piroBox
                    close_all : '.piro_close',// add class .piro_overlay(with comma)if you want overlay click close piroBox
                    slideShow : 'slideshow', // just delete slideshow between '' if you don't want it.
                    slideSpeed : 4 //slideshow duration in seconds(3 to 6 Recommended)
                });
            });
        </script>
        <!--////// END  \\\\\\\-->
    </head>
    <body>

        <div id="templatemo_body_wrapper">
            <div id="templatemo_wrapper">

                <div id="tempaltemo_header">
                    <span id="header_icon"></span>
                    <div id="header_content">
                        <div id="site_title">
                            <a href="" target="_parent"><img src="images/templatemo_logo.png" alt="LOGO" /></a>            </div>
                        <p>CMS - FPT Academy International.</p>

                    </div>
                </div> <!-- end of header -->

                <div id="templatemo_main_top"></div>
                <div id="templatemo_main"><span id="main_top"></span><span id="main_bottom"></span>

                    <div id="templatemo_sidebar">

                        <div id="templatemo_menu">
                            <ul>
                                <li><a href="index.jsp" target="_parent" class="current">Home</a></li>
                                <li><a href="vieclam.jsp" target="_parent">Việc Làm</a></li>
                                <li><a href="fat3.jsp" target="_parent">FAT 3</a></li>
                                <li><a href="tintuc.jsp" target="_parent">Tin Tức</a></li>
                                <li><a href="faq_studentandstaff.jsp" target="_parent">FAQ</a></li>
                                <li><a href="servletFb" target="_parent">Feedback</a></li>
                                <li><a href="about.jsp" target="_parent">About US</a></li>
                            </ul>
                        </div> <!-- end of templatemo_menu -->

                        <div class="sidebar_box">
                            <div class="sb_title">Course Login</div>
                            <div class="sb_content">
                                <div id="login_form">
                                    <form method="post" action="servletlogin">
                                        <p><span>User Name:</span>
                                            <input type="text" id="username" name="username" class="login_input" />
                                        </p>
                                        <p><span>Password:</span>
                                            <input type="password" id="password" name="password" class="login_input" />
                                        </p>
                                        <input type="submit" name="action" id="login_submit"  value="login" />
                                    </form>
                                </div>
                            </div>
                            <div class="sb_bottom"></div>
                        </div>

                        <div class="sidebar_box">
                            <div class="sb_title">Latest Updates</div>
                            <div class="sb_content">

                                <div class="sb_news_box">
                                    <a href="#">Thời Khóa Biểu - FAT3.</a>
                                    <span>25 April 2012</span>
                                </div>

                                <div class="sb_news_box">
                                    <a href="#">FPT Jetking hỗ trợ 30% học phí cho sinh viên hệ thống FPT.</a>
                                    <span>18 April 2012</span>
                                </div>

                                <a href="#"><strong>View All</strong></a>
                            </div>

                            <div class="sb_bottom"></div>

                        </div>

                        <center>
                            <a href="http://validator.w3.org/check?uri=referer"><img style="border:0;width:88px;height:31px" src="http://www.w3.org/Icons/valid-xhtml10" alt="Valid XHTML 1.0 Transitional" width="88" height="31" vspace="8" border="0" /></a> &nbsp;&nbsp;&nbsp;
                            <a href="http://jigsaw.w3.org/css-validator/check/referer"><img style="border:0;width:88px;height:31px"  src="http://jigsaw.w3.org/css-validator/images/vcss-blue" alt="Valid CSS!" vspace="8" border="0" /></a>
                        </center>

                        <div class="cleaner"></div>
                    </div> <!-- end of sidebar -->

                    <div id="templatemo_content">

                        <div class="content_box">
                            <h2>Tin Tức & Sự Kiện</h2>
                            <a href="" target="_parent"><img class="image_wrapper image_fl" src="images/saokhue_d6271.jpg" alt="Image 1" /></a>
                            <h5>ĐH FPT giành cú đúp giải thưởng Sao khuê 2012 về đào tạo nhân lực CNTT</h5>
                            <p> Sáng ngày 22/4, Trường Đại học FPT đã vinh dự nhận hai giải Sao Khuê năm 2012 cho hạng mục Đơn vị đào tạo CNTT hệ chính quy và giải thưởng Sao Khuê cho đơn vị đào tạo CNTT hệ phi chính quy.</p>
                            <p><a href="tintuc.jsp">Read More</a></p>
                            <div class="cleaner h30"></div>
                            <a href="" target="_parent"><img class="image_wrapper image_fl" src="images/fu_hcm_1_0.jpg" alt="Image 2" /></a>
                            <h5>Cơ hội làm việc tại Tập đoàn Equitis cho sinh viên FPT</h5>
                            <p> Sáng ngày 13/4, gần 30 sinh viên Đại học FPT đã tham dự chương trình phỏng vấn việc làm với Tập đoàn Equitis tại tòa nhà Innovation. Tại đây, ông Stéphane Fortin - Chủ tịch Tập đoàn Equitis và bà Vũ Tấn Lê – Phó Chủ tịch công ty đã trực tiếp phỏng vấn và đánh giá cao năng lực của sinh viên Đại học FPT.</p>
                            <p> <a href="vieclam.jsp">Read More</a></p>
                        </div>

                        <div class="content_box">

                            <div class="col_w290 float_l">

                                <h2 class="title_icon why_choose_us">Why Us?</h2>

                                <p>Phù hợp với các xu hướng công nghệ của Microsoft, Oracle Sun	 Java: .NET, J2EE,... theo tôn chỉ đón đầu công nghệ cùng với các kiến thức giúp thích ứng với môi trường làm việc phát triển không ngừng.</p>
                                <ul class="tmo_list">
                                    <li><a href="#">Bằng cấp Quốc tế được công nhận trên gần 100 Quốc gia.</a></li>
                                    <li><a href="#">Chương trình đào tạo cập nhật, toàn diện và chuyên nghiệp.</a></li>
                                    <li><a href="#">Công nghệ giảng dạy hiện đại theo phương thức AMEDA - Aptech Multi-modal Education Delivery Architecture.</a></li>
                                </ul>
                            </div>

                            <div class="col_w290 cw290_last float_r">

                                <h2 class="title_icon new_services">Standards</h2>

                                <p>Các sinh viên được đào tạo các kỹ năng làm việc chuyên nghiệp miễn phí, được đảm bảo cho vay vốn 0% lãi suất, được hỗ trợ tìm nhà ở, hỗ trợ giảm học phí... </p>
                                <ul class="tmo_list">
                                    <li><a href="#">Chương trình đào tạo bao gồm các Project và E-Project sẽ được hướng dẫn và giám sát trực tiếp bởi các giảng viên Ấn Độ.</a></li>
                                    <li><a href="#">- OLTL (Online Training Lab): Tự học trên phòng Lab với sự hỗ trợ của giảng viên.</a></li>
                                    <li><a href="#">Giáo trình gốc đầy đủ và tài liệu tham khảo phong phú tại thư viện</a></li>
                                </ul>
                            </div>

                            <div class="cleaner"></div>
                        </div>

                        <div class="content_box last_box">
                            <h2>Web Projects</h2>

                            <div id="gallery">
                                <a href="images/gallery/image_01_b.jpg" class="pirobox" title="Project 1"><img src="images/gallery/image_01.jpg" alt="1" /></a>
                                <a href="images/gallery/image_02_b.jpg" class="pirobox" title="Project 2"><img src="images/gallery/image_02.jpg" alt="2" /></a>
                                <a href="images/gallery/image_03_b.jpg" class="pirobox" title="Project 3"><img src="images/gallery/image_03.jpg" alt="3" /></a>
                            </div> <!-- end of Gallery -->

                            <div class="cleaner h20"></div>
                            <a href="#"><strong>View All Projects</strong></a></div>

                    </div>

                    <div class="cleaner"></div>
                </div>

                <div id="templatemo_main_bottom">
                </div>

            </div> <!-- end of wrapper -->
        </div>

        <div id="templatemo_footer_wrapper">
            <div id="templatemo_footer">
                Copyright © 2012 Aptech Iboard News. All Rights Reserved.<a href="#"></a> |
                <a href="" target="_parent">Website Templates</a> by <a href="" target="_parent">F5-1009-S1</a>

            </div>
        </div>

    </body>
</html>